/**
 * 预言未来
 * 
 * 对未来元素的事件委托
 */
// html
/*<div id="article">
    <P>第一段文字</P>
</div>*/

// 将时间委托给父元素
var article = document.getElementById('article');
article.onclick = function(e) {
    var e = e || window.event,
        tar = e.target || e.srcElement;
    if (tar.nodeName.toLowerCase() === 'p') {
        tar.innerHTML = '我要更改这段内容';
    }
}

var p = document.createElement('p');
p.innerHTML = '新增一段内容';
article.appendChild(p);
